<%-- 
    Document   : index
    Created on : 22/08/2013, 05:38:26 PM
    Author     : Andres
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="/struts-tags" prefix="s"%>
<% request.getSession().setMaxInactiveInterval(-1); %>
<%request.getSession().invalidate();%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Acceso</title>
        <link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" title="default" />        
        <script src="js/jquery.js"></script>       
        <script src="js/Acceso.js"></script>        
    </head>
    <body>
        <div id="page-top-outer"> 
            <!-- Start: page-top -->
            <div id="page-top">
                <!-- start logo -->
                <div id="logo">
                    <h1 style="color:white">Administración de Servicios en Red</h1>
                </div>

            </div>
            <!-- End: page-top -->
        </div>
        <!-- End: page-top-outer -->
        <!--  start nav-outer-repeat...... START -->
        <div class="nav-outer-repeat"> 
            <!--  start nav-outer -->
            <div class="nav-outer"> 
                <!-- start nav-right -->
                <div id="nav-right">                  
                </div>  
                <!-- end nav-right -->

                <!--  start nav -->
                <div class="nav">
                    <div class="table">                    
                    </div>
                </div>    
                <!--  end nav -->
            </div>
            <!--  end nav-outer -->
        </div>       
        <!--  end nav-outer-repeat....... END -->

        <div class="clear"></div>

        <!-- start content-outer -->
        <div id="content-outer">
            <!-- start content -->
            <div id="content">             
                <div id="page-heading">
                    <h1>Inicio de Sesion</h1>                
                </div>                 
                <table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
                    <tr>

                    </tr>
                    <tr>
                        <td id="tbl-border-left"></td>
                        <td>
                            <!--  start content-table-inner -->
                            <div id="content-table-inner">
                                <table border="0" width="100%" cellpadding="0" cellspacing="0">
                                    <tr valign="top">
                                        <td>    
                                            <div id="body-content">
                                                <div id="divLogin">
                                                    <form action="Acceso" method="POST">
                                                        <table border="0" cellpadding="0" cellspacing="0"  id="id-form">                                                     
                                                            <tr>
                                                                <th valign="top">
                                                                    Usuario: 
                                                                </th> 
                                                                <td>
                                                                    <input type="text" class="inp-form" name="user" id="user"/>
                                                                </td>                                                            
                                                            </tr>  
                                                            <tr>
                                                                <th valign="top">
                                                                    Password: 
                                                                </th> 
                                                                <td>
                                                                    <input type="password" class="inp-form" name="pass" id="pass"/>
                                                                </td>                                                            
                                                            </tr>                                                                                                                                         
                                                            <tr>
                                                                <td colspan="2">                                                                
                                                                    <input type="submit" class="btn" value="Aceptar" name="InicioSesion" id="InicioSesion">
                                                                </td>    
                                                            </tr>    
                                                        </table>
                                                    </form> 
                                                </div>
                                            </div>  
                                            <div id="errores"></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><img src="images/shared/blank.gif" width="695" height="1" alt="blank" /></td>
                                        <td></td>
                                    </tr>
                                </table>
                                <div class="clear"></div>
                            </div> 
                            <!--  end content-table-inner -->
                        </td>
                        <td id="tbl-border-right"></td>
                    </tr>
                    <tr>
                        <th class="sized bottomleft"></th>
                        <td id="tbl-border-bottom">&nbsp;</td>
                        <th class="sized bottomright"></th>
                    </tr>
                </table>  
                <div class="clear">&nbsp;</div>
            </div>
            <!-- end content -->
            <div class="clear">&nbsp;</div>
        </div>     
        <!-- end content-outer -->
        <div></div>
        <!-- start footer -->         
        <div id="footer">
            <!--  start footer-left -->
            <div id="footer-left">
                Created by Students of ESCOM. All rights reserved.</div>
            <!--  end footer-left -->
            <div class="clear">&nbsp;</div>
        </div>
        <!-- end footer -->
    </body>
</html>
